import type { RouteRecordRaw } from 'vue-router';

import { SvgBinanceLogoIcon } from '@vben/icons';

import { BasicLayout } from '#/layouts';
import { $t } from '#/locales';

const routes: RouteRecordRaw[] = [
  {
    component: BasicLayout,
    name: 'BinanceSwapCenter',
    path: '/binanceSwap',
    meta: {
      icon: SvgBinanceLogoIcon,
      order: 2,
      title: $t('page.menus.BinanceSwap'),
      hideChildrenInMenu: true,
      component: 'BasicLayout',
    },
    children: [
      {
        name: 'BinanceSwap',
        path: '/binanceSwap/index',
        component: () => import('#/views/exchange-center/binance-swap.vue'),
        meta: {
          // icon: SvgBinanceLogoIcon,
          title: $t('page.menus.BinanceSwap'),
          menuVisible: true,
          affixTab: true,
          keepAlive: true,
        },
      },
    ],
  },

  {
    component: BasicLayout,
    name: 'ByBitLinearCenter',
    path: '/byBitLiner',
    meta: {
      icon: 'lucide:bitcoin',
      order: 2,
      title: $t('page.menus.byBitLinear'),
      hideChildrenInMenu: true,
      component: 'BasicLayout',
    },
    children: [
      {
        name: 'ByBitLinear',
        path: '/byBitLiner/index',
        component: () => import('#/views/exchange-center/by-bit-liner.vue'),
        meta: {
          title: $t('page.menus.byBitLinear'),
          menuVisible: true,
          keepAlive: true,
        },
      },
    ],
  },
  {
    component: BasicLayout,
    name: 'OkxSwapCenter',
    path: '/OkxSwap',
    meta: {
      icon: 'lucide:vault',
      order: 2,
      title: $t('page.menus.OkxSwap'),
      hideChildrenInMenu: true,
      component: 'BasicLayout',
    },
    children: [
      {
        name: 'OkxSwap',
        path: '/OkxSwap/index',
        component: () => import('#/views/exchange-center/okx-swap.vue'),
        meta: {
          // icon: 'lucide:chart-candlestick',
          title: $t('page.menus.OkxSwap'),
          menuVisible: true,
          keepAlive: true,
        },
      },
    ],
  },
  {
    component: BasicLayout,
    name: 'AccountCenter',
    path: '/account',
    meta: {
      icon: 'lucide:vault',
      order: 2,
      // title: $t('page.menus.OkxSwap'),
      title: '账户中心',
      hideChildrenInMenu: true,
      component: 'BasicLayout',
    },
    children: [
      {
        name: 'AccountList',
        path: '/account/list',
        component: () => import('#/views/exchange-center/account-list.vue'),
        meta: {
          // icon: 'lucide:chart-candlestick',
          // title: $t('page.menus.OkxSwap'),
          title: '账户列表',
          menuVisible: true,
        },
      },
    ],
  },
];

export default routes;
